<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>客服中心</title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		
		<style type="text/css">
			*{
				margin: 0rem;
				padding: 0rem;
				text-decoration: none;
				list-style: none;
				
			}
			html,body{
				background-color: #fff;
				width: 100%;
				height: 100%;
				 /*font-size:  100rem;*/
				 font-size: calc(100vw / 7.5);
				 font-family: "microsoft yahei";
			}
			.content{
				width: 10%;
			}
			.content .info-wrapper{
				width: 100%;
				margin-top: 0.43rem;
				margin-bottom: 1.2rem;
			}
			.content .info-wrapper .title{
				width: 100%;
				height: 0.6rem;
				/*font-size: 0.28rem;
				color: #143550;*/
			}
			.content .info-wrapper .title img{
				margin-left: 2.47rem;
				width: 0.6rem;
				height: 0.6rem;
			}
			.content .info-wrapper .title div {
				display: inline-block;
				line-height: 0.6rem;
				height: 0.6rem;
				font-size: 0.28rem;
				color: #143550;
				vertical-align: top;
			}
			.content .info-wrapper .code{
				width: 5.13rem;
				height: 5.13rem;
				margin: 0.45rem 1.2rem;
			}
			.content .info-wrapper .code img{
				width: 100%;
				height: 100%;
			}
			.content .info-wrapper .foot{
				width: 100%;
				text-align: center;
				font-size: 0.26rem;
				color: #9a9a9a;
			}
			h1 img{
				width: 100% !important;

			}
			</style>
		<script src="../js/jquery.min.js"></script>
	</head>

	<body>
		<script>
			$(function(){
				$("#wrapper").load("../header.html")
				
			})
			setTimeout(function(){
				$("#wrapper").find(".con").html("客服中心").end().find(".dot img").css("display","none");
				$(".arrow").on("tap",function(){
				window.location.href = "./index.html";
			})
			},200)
			setTimeout(function(){
				$("#wrapper").find(".con").html("客服中心").end().find(".dot img").css("display","none");
				$(".arrow").on("tap",function(){
				window.location.href = "./index.html";
			})
			},2000)
		</script>
		<div class="wrapper" id="wrapper"></div>
		<!--内容-->
		<dic class="content">
			<!-- <ul class="info-wrapper">
				<li class="title">
					<img src="../img/anquan.png" alt="">
					<div>
						<span>云网一号客服</span>
					</div>
				</li>
				<li class="code">
					<img src="../img/geren.png" alt="">
				</li>
				<li class="foot">扫一扫二维码图案，加我微信</li>
			</ul> -->
			
			<!-- <ul class="info-wrapper">
				<li class="title">
					<img src="../img/anquan.png" alt="">
					<div>
						<span>云网一号客服</span>
					</div>
				</li>
				<li class="code">
					<img src="../img/geren.png" alt="">
				</li>
				<li class="foot">扫一扫二维码图案，加我微信</li>
			</ul> -->
		</dic>
		
	
	
	
		
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/zepto.js"></script>
        <script src= "../js/jquery.min.js"></script>
		<script src="../js/touch.min.js"></script>
		<script>
			$.ajax({
				type: "POST",
				url: `${localStorage.top}api/UserCenter/call_center`,
				data:{
					"TOKEN": `${localStorage.token}`
				},
				success: successed,
			})
			function successed(data){
				console.log(data)
				var data = data.data;
				$(".content").html(data.content)

			}



		</script>
	</body>

</html>